2D Transformacije u CSS-u

CSS 2D transformacije omogućuju promjenu izgleda elemenata pomoću rotacije, skaliranja, pomicanja i iskrivljenja.

rotate(20deg)

Rotira element za zadani broj stupnjeva.

scale(1.2)

Povećava ili smanjuje veličinu elementa.

translateX(20px)

Pomakne element u vodoravnom smjeru.

skew(10deg, 10deg)

Iskrivljuje element po x i y osi.

matrix(1, 0.5, -0.5, 1, 0, 0)

Kombinira više transformacija u jednu matricu.

translateY(20px)

Pomakne element u okomitom smjeru.

scaleX(1.5)

Skalira element samo u vodoravnom smjeru.

scaleY(1.5)

Skalira element samo u okomitom smjeru.